<%@page import="cn.bdqn.util.VarUtil"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>超市账单管理系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    	function checkInput(obj){
    		//billId
    		var $this =  $(obj);
	    	if($this.val()==""){
	    		$this.next().css("color","red");
	    		$this.css("border-color","red");
	    		return false;
	    	}else{
	    		$this.next().text("");
	    		$this.css("border-color","green");
	    		return true;
	    	}
    	}
    	function select(){
    		//billId
    		var $this =  $(":selected");
	    	if($this.val()==""){
	    		$this.parent().next().css("color","red");
	    		$this.parent().css("border-color","red");
	    		return false;
	    	}else{
	    		$this.parent().next().text("").css("color","green");
	    		$this.parent().css("border-color","green");
	    		return true;
	    	}
    	}
    	
    	function radio(){
    		//billId
    		var $this =  $(":radio:checked");
	    	if($this.length==0){
	    		$(":radio").parent().find("span").css("color","red");
	    		return false;
	    	}else{
	    		$(":radio").parent().find("span").text("").css("color","green");
	    		return true;
	    	}
    	}
    	
    $(document).ready(function(){
    	$("#billId").blur(function(){
    		checkInput(this);
    	});
    	$("#billName").blur(function(){
    		checkInput(this);
    	});
    	$("#billCom").blur(function(){
    		checkInput(this);
    	});
    	$("#billNum").blur(function(){
    		checkInput(this);
    	});
    	$("#money").blur(function(){
    		checkInput(this);
    	});
    	
    	$("form").submit(function(){
	    	
	    	if(checkInput($("#billId")) & checkInput($("#billName")) & 
	    			checkInput($("#billCom")) & checkInput($("#billNum")) & 
	    			checkInput($("#money")) & select() & radio()){
	    		return true;
	    	}
	    	return false;
	    	
    	});
    	
    });
    </script>
</head>
<body>
<!--头部-->
<header class="publicHeader">
    <h1>超市账单管理系统</h1>

    <div class="publicHeaderR">
        <p><span id="halfDay">下午好！</span><span style="color: #fff21b"> ${sessionScope.user.userName }</span> , 欢迎你！</p>
        <a href="LogoutServlet">退出</a>
    </div>
</header>
<!--时间-->
<section class="publicTime">
    <span id="time">2015年1月1日 11:11  星期一</span>
    <a href="http://www.google.cn/">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
</section>
<!--主体内容-->
<section class="publicMian ">
    <div class="left">
        <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
        <nav>
            <ul class="list">
                <li id="active"><a href="BillListServlet">账单管理</a></li>
                <li><a href="ProviderListServlet">供应商管理</a></li>
                <li><a href="UserListServlet">用户管理</a></li>
                <li><a href="jsp/password.jsp">密码修改</a></li>
                <li><a href="LogoutServlet">退出系统</a></li>
                <li>在线人数：<%=VarUtil.ONLINE_COUNT %> 人</li>
                <li>访问量：<%=session.getServletContext().getAttribute("count") %> 次</li>
            </ul>
        </nav>
    </div>
    <div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>账单管理页面 >> 订单添加页面</span>
        </div>
        <div class="providerAdd">
            <form action="BillAddServlet" method="post">
                <!--div的class 为error是验证错误，ok是验证成功-->
                <div class="">
                    <label for="billId">订单编码：</label>
                    <input type="text" name="billId" id="billId" />
                    <span>*请输入订单编码</span>
                </div>
                <div>
                    <label for="billName">商品名称：</label>
                    <input type="text" name="billName" id="billName" />
                    <span >*请输入商品名称</span>
                </div>
                <div>
                    <label for="productDesc">商品描述：</label>
                    <input type="text" name="productDesc" id="productDesc" />
                    <span >请输入商品描述</span>
                </div>
                <div>
                    <label for="billCom">商品单位：</label>
                    <input type="text" name="billCom" id="billCom" />
                    <span>*请输入商品单位</span>

                </div>
                <div>
                    <label for="billNum">商品数量：</label>
                    <input type="text" name="billNum" id="billNum" />
                    <span>*请输入大于0的正自然数，小数点后保留2位</span>
                </div>
                <div>
                    <label for="money">总金额：</label>
                    <input type="text" name="money" id="money" />
                    <span>*请输入大于0的正自然数，小数点后保留2位</span>
                </div>
                <div>
                    <label >供应商：</label>
                    <select name="supplier" >
                        <option value="">--请选择相应的提供商--</option>
                    <c:forEach var="pro" items="${providerList }">
                        <option value="${pro.id }">${pro.provName }</option>
                    </c:forEach>

                    </select>
                    <span>*请选择供应商</span>
                </div>
                <div>
                    <label >是否付款：</label>
                    <input type="radio" name="zhifu" value="0" />未付款
                    <input type="radio" name="zhifu" value="1" />已付款
                    <span>*请选择是否付款</span>
                </div>
                <div class="providerAddBtn">
                    <!--<a href="#">保存</a>-->
                    <!--<a href="billList.html">返回</a>-->
                    <input type="submit" value="保存" />
                    <input type="button" value="返回" onclick="history.back(-1)"/>
                </div>
            </form>
        </div>

    </div>
</section>
<footer class="footer">
    版权归北大青鸟
</footer>
<script src="js/time.js"></script>

</body>
</html>
